<template>
  <div class="nologin">
    <span>亲，你还有登录，登录有更多优惠</span>
    <span @click="goLogin">去登录 <van-icon name="arrow" /></span>
  </div>
</template>

<script>
export default {
  methods: {
    goLogin() {
      this.$router.push("/login")
    },
  },
}
</script>

<style lang="less" scoped>
.nologin {
  box-sizing: border-box;
  padding: 0 0.5rem /* 8/16 */;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 3.125rem /* 50/16 */;
  background-color: #fff;

  span:nth-child(2) {
    font-size: 0.75rem /* 12/16 */;
    color: rgb(193, 193, 193);
  }
}
</style>
